body{
    font-size: 12px;
    color: #737373;
    font-family: 'Microsoft YaHei',Arial;
    background: url(../images/qnh-bg.gif);
    overflow: hidden;
}
header{
    height: 181px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: url(../images/qnh-headerBg.png) repeat-x;
}
header.headerNew{background:none;}

.logo{
    position: absolute;
    width: 314px;
    height: 34px;
    left: 40px;
    top: 22px;
    background: url('../images/qnh_newlogo.png')
}
.logo h1{
    margin-left: -999px;
}
.headerBack{
    position: absolute;
    right: 420px;
    top: 0;
    z-index: 9999;
}
.headerNav{
    position: absolute;
    right: 100px;
    top: 23px;
}
.headerNav a{
    display: inline-block;
    width: 92px;
    height: 40px;
    margin-right: 36px;
}
.headerNav a.this{
    border-bottom: 1px solid #fff;
}
header.headerNew .this{border-bottom:#000 1px solid !important;}
#warpPage{
    overflow: hidden;
    position: relative;
}
.bg{
    overflow: hidden;
    z-index: 99;
    height:100%; 
    width:100%;
    position:relative;
}
.bg_01{
    background: url('../images/qnh-bg-01.jpg')no-repeat center center;
    background-size:cover;
}
.bg_01>div{
    position: absolute;
    width: 378px;
    top: 75%;
    left: 50%;
    margin: -220px 0 0 -189px;
}
.bg_02{
    background: url('../images/qnh-bg-02.jpg')no-repeat center center;
    background-size: cover;
}
.bg_03{
    background: url('../images/qnh-bg-03.jpg')no-repeat center center;
    background-size: cover;
}
.bg_04{
    background: url('../images/qnh-bg-11.jpg')no-repeat center center;
    background-size: cover;
}
.bg_04 img{position:absolute; left:50%; top:50%; margin:-239px 0 0 -266px;}
.bg_02 .content{
   left:13%;position:absolute; top:50%; margin-top:-1800px;
}
.bg_03 .content{
   right:18%;position:absolute; top:50%; margin-top:-1800px;
}
/*上箭头*/
.topArrow{
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -20px;
    z-index: 9999;
    cursor: pointer;
    animation: back 1s linear infinite alternate;
}
@keyframes back{
    0%{top: 93%;}
    50%{top: 94%;}
    100%{top: 95%;}
}
/*点*/
#right{
    position: fixed;
    right: 15px;
    top: 50%;
    z-index: 9999;
    margin-top: -42px;
}
#right ul li{
    width: 11px;
    height: 11px;
    background: #aeaeae;
    border: #aeaeae 1px solid;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
}
#right ul .this{
    background: #fff;
}
/*鼠标*/
.cursor{
    width: 49px;
    height: 60px;
    background: url('../images/qnh_shubiao.png') -51px 0;
    position: fixed;
    right: 10%;
    top: 50%;
    z-index: 9999;
}
.cursor span{
    display: block;
    width: 21px;
    height: 28px;
    background: url(../images/qnh_shubiao.png);
    margin: 20px 0 0 6px;
    animation: myCursor 1s ease-in-out infinite alternate;
}
@keyframes myCursor{
    0%{margin-top: 20px;}
    50%{margin-top: 23px;}
    100%{margin-top: 25px;}
}
.content{position:absolute; top:50%; margin-top:-1800px;}

.zhankai{position:absolute; right:-19px; cursor:pointer; top:45%; z-index:999; width:19px; height:60px; background:url('../images/zhankai.png');}
.zhankai.zhankaiNew{background:url('../images/zhankai.png') -19px 0;}
.zhankaiBox{position:absolute; left:270px; top:1px; height:100%; width:480px; font-size:16px; line-height:160%; color:#fff; overflow:hidden; padding-right:70px;box-sizing:content-box}
.zhankaiBoxFont{position:absolute; left:-480px; top:0; height:100%; width:480px; background:rgba(0,0,0,.5); padding:50px; box-sizing:border-box;}
.zhankaiBox h2{font-size:26px; font-weight:normal; padding-bottom:20px;}
.contentRight .zhankai{left:-19px; right:inherit;}
.contentRight .zhankaiBox{right:270px; left:inherit;}
.contentRight .zhankaiBoxFont{right:-480px; left:inherit;}
.shou{width:20px; height:20px; background:rgba(255,255,255,.3); border-radius:50%; padding:7px; position:absolute; left:0; top:25px;
	-webkit-animation-name:myShou;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode:forwards;
	animation-name:myShou;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-play-state:running;
	animation-fill-mode:forwards;
}
@-webkit-keyframes myShou {
	0%  {opacity:1;}
	50% {opacity:.5;}
	100%{opacity:1;}
}
@keyframes myShou {
	0%  {opacity:1;}
	50% {opacity:.5;}
	100%{opacity:1;}
}
.shou ul{width:20px; height:20px; background:rgba(255,255,255,.3); border-radius:50%; position:relative;}
.shou ul li{width:32px; height:34px; background:url(../images/shou.png); position:absolute; left:10px; top:10px; text-indent:-9999px;
	-webkit-animation-name:myShouLi;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-play-state:running;
	-webkit-animation-fill-mode:forwards;
	animation-name:myShouLi;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-play-state:running;
	animation-fill-mode:forwards;
}
@-webkit-keyframes myShouLi {
	0%  {top:10px; left:10px;}
	50% {top:20px; left:20px;}
	100%{top:10px; left:10px;}
}
@keyframes myShouLi {
	0%  {top:10px; left:10px;}
	50% {top:20px; left:20px;}
	100%{top:10px; left:10px;}
}
/*底部*/
footer{
    position: fixed;
    left: 0;
    bottom: 5px;
    z-index: 9999;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: "Arial Black", Gadget, sans-serif;
}